.templateDesigner {
  font-size: 12px;
}
.templateDesigner table td {
  position: relative;
  overflow: visible;
  font-size: 11pt;
  line-height: 1.5;
  background: none;
  font-family: SimSun;
  color: rgb(0, 0, 0);
}
// .ht_master tr>td {
//   border-bottom: 1px solid #e4ebf0;
//   border-right: 1px solid #e4ebf0;
// }

.ht_clone_top.handsontable thead th .relative:hover {
  cursor: pointer;
}
.templateDesigner table td .contains {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.templateDesigner table td .contains .tab {
  display: table;
  width: 100%;
  height: 100%;
}

.templateDesigner table td .contains .tab .data {
  vertical-align: middle;
  display: table-cell;
  padding: 2px;
  word-break: break-all;
}

.templateDesigner table td:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: -1px;
  z-index: 50;
  border: 0 none;
}

.templateDesigner table td.hasFilter:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-left: 6px solid transparent;
  border-top: 6px solid red;
}

.templateDesigner .border-top-width-1:before {
  border-top-width: 1px;
  margin-top: -1px;
}

.templateDesigner .border-right-width-1:before {
  border-right-width: 1px;
  margin-right: -1px;
}

.templateDesigner .border-bottom-width-1:before {
  border-bottom-width: 1px;
  margin-bottom: -1px;
}

.templateDesigner .border-left-width-1:before {
  border-left-width: 1px;
  margin-left: -1px;
}

.templateDesigner .border-top-width-2:before {
  border-top-width: 2px;
  margin-top: -2px;
}

.templateDesigner .border-right-width-2:before {
  border-right-width: 2px;
  margin-right: -2px;
}

.templateDesigner .border-bottom-width-2:before {
  border-bottom-width: 2px;
  margin-bottom: -2px;
}

.templateDesigner .border-left-width-2:before {
  border-left-width: 2px;
  margin-left: -2px;
}

.templateDesigner .border-top-width-3:before {
  border-top-width: 3px;
  margin-top: -3px;
}

.templateDesigner .border-right-width-3:before {
  border-right-width: 3px;
  margin-right: -3px;
}

.templateDesigner .border-bottom-width-3:before {
  border-bottom-width: 3px;
  margin-bottom: -3px;
}

.templateDesigner .border-left-width-3:before {
  border-left-width: 3px;
  margin-left: -3px;
}

.templateDesigner .border-top-style-solid:before {
  border-top-style: solid;
}

.templateDesigner .border-right-style-solid:before {
  border-right-style: solid;
}

.templateDesigner .border-bottom-style-solid:before {
  border-bottom-style: solid;
}

.templateDesigner .border-left-style-solid:before {
  border-left-style: solid;
}

.templateDesigner .border-top-style-dotted:before {
  border-top-style: dotted;
}

.templateDesigner .border-right-style-dotted:before {
  border-right-style: dotted;
}

.templateDesigner .border-bottom-style-dotted:before {
  border-bottom-style: dotted;
}

.templateDesigner .border-left-style-dotted:before {
  border-left-style: dotted;
}

.templateDesigner .border-top-style-dashed:before {
  border-top-style: dashed;
}

.templateDesigner .border-right-style-dashed:before {
  border-right-style: dashed;
}

.templateDesigner .border-bottom-style-dashed:before {
  border-bottom-style: dashed;
}

.templateDesigner .border-left-style-dashed:before {
  border-left-style: dashed;
}

.templateDesigner .border-top-style-double:before {
  border-top-style: double;
}

.templateDesigner .border-right-style-double:before {
  border-right-style: double;
}

.templateDesigner .border-bottom-style-double:before {
  border-bottom-style: double;
}

.templateDesigner .border-left-style-double:before {
  border-left-style: double;
}

.templateDesigner .border-top-color-ffffff:before {
  border-top-color: #fff;
}

.templateDesigner .border-top-color-000000:before {
  border-top-color: #000;
}

.templateDesigner .border-top-color-EEECE1:before {
  border-top-color: #eeece1;
}

.templateDesigner .border-top-color-1F497D:before {
  border-top-color: #1f497d;
}

.templateDesigner .border-top-color-4F81BD:before {
  border-top-color: #4f81bd;
}

.templateDesigner .border-top-color-C0504D:before {
  border-top-color: #c0504d;
}

.templateDesigner .border-top-color-9BBB59:before {
  border-top-color: #9bbb59;
}

.templateDesigner .border-top-color-8064A2:before {
  border-top-color: #8064a2;
}

.templateDesigner .border-top-color-4BACC6:before {
  border-top-color: #4bacc6;
}

.templateDesigner .border-top-color-F79646:before {
  border-top-color: #f79646;
}

.templateDesigner .border-top-color-F2F2F2:before {
  border-top-color: #f2f2f2;
}

.templateDesigner .border-top-color-DDD9C3:before {
  border-top-color: #ddd9c3;
}

.templateDesigner .border-top-color-C6D9F0:before {
  border-top-color: #c6d9f0;
}

.templateDesigner .border-top-color-DBE5F1:before {
  border-top-color: #dbe5f1;
}

.templateDesigner .border-top-color-F2DCDB:before {
  border-top-color: #f2dcdb;
}

.templateDesigner .border-top-color-EBF1DD:before {
  border-top-color: #ebf1dd;
}

.templateDesigner .border-top-color-E5E0EC:before {
  border-top-color: #e5e0ec;
}

.templateDesigner .border-top-color-DBEEF3:before {
  border-top-color: #dbeef3;
}

.templateDesigner .border-top-color-FDEADA:before {
  border-top-color: #fdeada;
}

.templateDesigner .border-top-color-D8D8D8:before {
  border-top-color: #d8d8d8;
}

.templateDesigner .border-top-color-595959:before {
  border-top-color: #595959;
}

.templateDesigner .border-top-color-C4BD97:before {
  border-top-color: #c4bd97;
}

.templateDesigner .border-top-color-8DB3E2:before {
  border-top-color: #8db3e2;
}

.templateDesigner .border-top-color-B8CCE4:before {
  border-top-color: #b8cce4;
}

.templateDesigner .border-top-color-E5B9B7:before {
  border-top-color: #e5b9b7;
}

.templateDesigner .border-top-color-D7E3BC:before {
  border-top-color: #d7e3bc;
}

.templateDesigner .border-top-color-CCC1D9:before {
  border-top-color: #ccc1d9;
}

.templateDesigner .border-top-color-B7DDE8:before {
  border-top-color: #b7dde8;
}

.templateDesigner .border-top-color-FBD5B5:before {
  border-top-color: #fbd5b5;
}

.templateDesigner .border-top-color-BFBFBF:before {
  border-top-color: #bfbfbf;
}

.templateDesigner .border-top-color-3F3F3F:before {
  border-top-color: #3f3f3f;
}

.templateDesigner .border-top-color-938953:before {
  border-top-color: #938953;
}

.templateDesigner .border-top-color-548DD4:before {
  border-top-color: #548dd4;
}

.templateDesigner .border-top-color-95B3D7:before {
  border-top-color: #95b3d7;
}

.templateDesigner .border-top-color-D99694:before {
  border-top-color: #d99694;
}

.templateDesigner .border-top-color-C3D69B:before {
  border-top-color: #c3d69b;
}

.templateDesigner .border-top-color-B2A2C7:before {
  border-top-color: #b2a2c7;
}

.templateDesigner .border-top-color-92CDDC:before {
  border-top-color: #92cddc;
}

.templateDesigner .border-top-color-FAC08F:before {
  border-top-color: #fac08f;
}

.templateDesigner .border-top-color-A5A5A5:before {
  border-top-color: #a5a5a5;
}

.templateDesigner .border-top-color-262626:before {
  border-top-color: #262626;
}

.templateDesigner .border-top-color-494429:before {
  border-top-color: #494429;
}

.templateDesigner .border-top-color-17365D:before {
  border-top-color: #17365d;
}

.templateDesigner .border-top-color-366092:before {
  border-top-color: #366092;
}

.templateDesigner .border-top-color-953734:before {
  border-top-color: #953734;
}

.templateDesigner .border-top-color-76923C:before {
  border-top-color: #76923c;
}

.templateDesigner .border-top-color-5F497A:before {
  border-top-color: #5f497a;
}

.templateDesigner .border-top-color-31849B:before {
  border-top-color: #31849b;
}

.templateDesigner .border-top-color-E36C09:before {
  border-top-color: #e36c09;
}

.templateDesigner .border-top-color-7F7F7F:before {
  border-top-color: #7f7f7f;
}

.templateDesigner .border-top-color-0C0C0C:before {
  border-top-color: #0c0c0c;
}

.templateDesigner .border-top-color-1D1B10:before {
  border-top-color: #1d1b10;
}

.templateDesigner .border-top-color-0F243E:before {
  border-top-color: #0f243e;
}

.templateDesigner .border-top-color-244061:before {
  border-top-color: #244061;
}

.templateDesigner .border-top-color-632423:before {
  border-top-color: #632423;
}

.templateDesigner .border-top-color-4F6128:before {
  border-top-color: #4f6128;
}

.templateDesigner .border-top-color-3F3151:before {
  border-top-color: #3f3151;
}

.templateDesigner .border-top-color-205867:before {
  border-top-color: #205867;
}

.templateDesigner .border-top-color-984806:before {
  border-top-color: #984806;
}

.templateDesigner .border-top-color-C00000:before {
  border-top-color: #c00000;
}

.templateDesigner .border-top-color-FF0000:before {
  border-top-color: red;
}

.templateDesigner .border-top-color-FFC000:before {
  border-top-color: #ffc000;
}

.templateDesigner .border-top-color-FFFF00:before {
  border-top-color: #ff0;
}

.templateDesigner .border-top-color-92D050:before {
  border-top-color: #92d050;
}

.templateDesigner .border-top-color-00B050:before {
  border-top-color: #00b050;
}

.templateDesigner .border-top-color-00B0F0:before {
  border-top-color: #00b0f0;
}

.templateDesigner .border-top-color-0070C0:before {
  border-top-color: #0070c0;
}

.templateDesigner .border-top-color-002060:before {
  border-top-color: #002060;
}

.templateDesigner .border-top-color-7030A0:before {
  border-top-color: #7030a0;
}

.templateDesigner .border-right-color-ffffff:before {
  border-right-color: #fff;
}

.templateDesigner .border-right-color-000000:before {
  border-right-color: #000;
}

.templateDesigner .border-right-color-EEECE1:before {
  border-right-color: #eeece1;
}

.templateDesigner .border-right-color-1F497D:before {
  border-right-color: #1f497d;
}

.templateDesigner .border-right-color-4F81BD:before {
  border-right-color: #4f81bd;
}

.templateDesigner .border-right-color-C0504D:before {
  border-right-color: #c0504d;
}

.templateDesigner .border-right-color-9BBB59:before {
  border-right-color: #9bbb59;
}

.templateDesigner .border-right-color-8064A2:before {
  border-right-color: #8064a2;
}

.templateDesigner .border-right-color-4BACC6:before {
  border-right-color: #4bacc6;
}

.templateDesigner .border-right-color-F79646:before {
  border-right-color: #f79646;
}

.templateDesigner .border-right-color-F2F2F2:before {
  border-right-color: #f2f2f2;
}

.templateDesigner .border-right-color-DDD9C3:before {
  border-right-color: #ddd9c3;
}

.templateDesigner .border-right-color-C6D9F0:before {
  border-right-color: #c6d9f0;
}

.templateDesigner .border-right-color-DBE5F1:before {
  border-right-color: #dbe5f1;
}

.templateDesigner .border-right-color-F2DCDB:before {
  border-right-color: #f2dcdb;
}

.templateDesigner .border-right-color-EBF1DD:before {
  border-right-color: #ebf1dd;
}

.templateDesigner .border-right-color-E5E0EC:before {
  border-right-color: #e5e0ec;
}

.templateDesigner .border-right-color-DBEEF3:before {
  border-right-color: #dbeef3;
}

.templateDesigner .border-right-color-FDEADA:before {
  border-right-color: #fdeada;
}

.templateDesigner .border-right-color-D8D8D8:before {
  border-right-color: #d8d8d8;
}

.templateDesigner .border-right-color-595959:before {
  border-right-color: #595959;
}

.templateDesigner .border-right-color-C4BD97:before {
  border-right-color: #c4bd97;
}

.templateDesigner .border-right-color-8DB3E2:before {
  border-right-color: #8db3e2;
}

.templateDesigner .border-right-color-B8CCE4:before {
  border-right-color: #b8cce4;
}

.templateDesigner .border-right-color-E5B9B7:before {
  border-right-color: #e5b9b7;
}

.templateDesigner .border-right-color-D7E3BC:before {
  border-right-color: #d7e3bc;
}

.templateDesigner .border-right-color-CCC1D9:before {
  border-right-color: #ccc1d9;
}

.templateDesigner .border-right-color-B7DDE8:before {
  border-right-color: #b7dde8;
}

.templateDesigner .border-right-color-FBD5B5:before {
  border-right-color: #fbd5b5;
}

.templateDesigner .border-right-color-BFBFBF:before {
  border-right-color: #bfbfbf;
}

.templateDesigner .border-right-color-3F3F3F:before {
  border-right-color: #3f3f3f;
}

.templateDesigner .border-right-color-938953:before {
  border-right-color: #938953;
}

.templateDesigner .border-right-color-548DD4:before {
  border-right-color: #548dd4;
}

.templateDesigner .border-right-color-95B3D7:before {
  border-right-color: #95b3d7;
}

.templateDesigner .border-right-color-D99694:before {
  border-right-color: #d99694;
}

.templateDesigner .border-right-color-C3D69B:before {
  border-right-color: #c3d69b;
}

.templateDesigner .border-right-color-B2A2C7:before {
  border-right-color: #b2a2c7;
}

.templateDesigner .border-right-color-92CDDC:before {
  border-right-color: #92cddc;
}

.templateDesigner .border-right-color-FAC08F:before {
  border-right-color: #fac08f;
}

.templateDesigner .border-right-color-A5A5A5:before {
  border-right-color: #a5a5a5;
}

.templateDesigner .border-right-color-262626:before {
  border-right-color: #262626;
}

.templateDesigner .border-right-color-494429:before {
  border-right-color: #494429;
}

.templateDesigner .border-right-color-17365D:before {
  border-right-color: #17365d;
}

.templateDesigner .border-right-color-366092:before {
  border-right-color: #366092;
}

.templateDesigner .border-right-color-953734:before {
  border-right-color: #953734;
}

.templateDesigner .border-right-color-76923C:before {
  border-right-color: #76923c;
}

.templateDesigner .border-right-color-5F497A:before {
  border-right-color: #5f497a;
}

.templateDesigner .border-right-color-31849B:before {
  border-right-color: #31849b;
}

.templateDesigner .border-right-color-E36C09:before {
  border-right-color: #e36c09;
}

.templateDesigner .border-right-color-7F7F7F:before {
  border-right-color: #7f7f7f;
}

.templateDesigner .border-right-color-0C0C0C:before {
  border-right-color: #0c0c0c;
}

.templateDesigner .border-right-color-1D1B10:before {
  border-right-color: #1d1b10;
}

.templateDesigner .border-right-color-0F243E:before {
  border-right-color: #0f243e;
}

.templateDesigner .border-right-color-244061:before {
  border-right-color: #244061;
}

.templateDesigner .border-right-color-632423:before {
  border-right-color: #632423;
}

.templateDesigner .border-right-color-4F6128:before {
  border-right-color: #4f6128;
}

.templateDesigner .border-right-color-3F3151:before {
  border-right-color: #3f3151;
}

.templateDesigner .border-right-color-205867:before {
  border-right-color: #205867;
}

.templateDesigner .border-right-color-984806:before {
  border-right-color: #984806;
}

.templateDesigner .border-right-color-C00000:before {
  border-right-color: #c00000;
}

.templateDesigner .border-right-color-FF0000:before {
  border-right-color: red;
}

.templateDesigner .border-right-color-FFC000:before {
  border-right-color: #ffc000;
}

.templateDesigner .border-right-color-FFFF00:before {
  border-right-color: #ff0;
}

.templateDesigner .border-right-color-92D050:before {
  border-right-color: #92d050;
}

.templateDesigner .border-right-color-00B050:before {
  border-right-color: #00b050;
}

.templateDesigner .border-right-color-00B0F0:before {
  border-right-color: #00b0f0;
}

.templateDesigner .border-right-color-0070C0:before {
  border-right-color: #0070c0;
}

.templateDesigner .border-right-color-002060:before {
  border-right-color: #002060;
}

.templateDesigner .border-right-color-7030A0:before {
  border-right-color: #7030a0;
}

.templateDesigner .border-bottom-color-ffffff:before {
  border-bottom-color: #fff;
}

.templateDesigner .border-bottom-color-000000:before {
  border-bottom-color: #000;
}

.templateDesigner .border-bottom-color-EEECE1:before {
  border-bottom-color: #eeece1;
}

.templateDesigner .border-bottom-color-1F497D:before {
  border-bottom-color: #1f497d;
}

.templateDesigner .border-bottom-color-4F81BD:before {
  border-bottom-color: #4f81bd;
}

.templateDesigner .border-bottom-color-C0504D:before {
  border-bottom-color: #c0504d;
}

.templateDesigner .border-bottom-color-9BBB59:before {
  border-bottom-color: #9bbb59;
}

.templateDesigner .border-bottom-color-8064A2:before {
  border-bottom-color: #8064a2;
}

.templateDesigner .border-bottom-color-4BACC6:before {
  border-bottom-color: #4bacc6;
}

.templateDesigner .border-bottom-color-F79646:before {
  border-bottom-color: #f79646;
}

.templateDesigner .border-bottom-color-F2F2F2:before {
  border-bottom-color: #f2f2f2;
}

.templateDesigner .border-bottom-color-DDD9C3:before {
  border-bottom-color: #ddd9c3;
}

.templateDesigner .border-bottom-color-C6D9F0:before {
  border-bottom-color: #c6d9f0;
}

.templateDesigner .border-bottom-color-DBE5F1:before {
  border-bottom-color: #dbe5f1;
}

.templateDesigner .border-bottom-color-F2DCDB:before {
  border-bottom-color: #f2dcdb;
}

.templateDesigner .border-bottom-color-EBF1DD:before {
  border-bottom-color: #ebf1dd;
}

.templateDesigner .border-bottom-color-E5E0EC:before {
  border-bottom-color: #e5e0ec;
}

.templateDesigner .border-bottom-color-DBEEF3:before {
  border-bottom-color: #dbeef3;
}

.templateDesigner .border-bottom-color-FDEADA:before {
  border-bottom-color: #fdeada;
}

.templateDesigner .border-bottom-color-D8D8D8:before {
  border-bottom-color: #d8d8d8;
}

.templateDesigner .border-bottom-color-595959:before {
  border-bottom-color: #595959;
}

.templateDesigner .border-bottom-color-C4BD97:before {
  border-bottom-color: #c4bd97;
}

.templateDesigner .border-bottom-color-8DB3E2:before {
  border-bottom-color: #8db3e2;
}

.templateDesigner .border-bottom-color-B8CCE4:before {
  border-bottom-color: #b8cce4;
}

.templateDesigner .border-bottom-color-E5B9B7:before {
  border-bottom-color: #e5b9b7;
}

.templateDesigner .border-bottom-color-D7E3BC:before {
  border-bottom-color: #d7e3bc;
}

.templateDesigner .border-bottom-color-CCC1D9:before {
  border-bottom-color: #ccc1d9;
}

.templateDesigner .border-bottom-color-B7DDE8:before {
  border-bottom-color: #b7dde8;
}

.templateDesigner .border-bottom-color-FBD5B5:before {
  border-bottom-color: #fbd5b5;
}

.templateDesigner .border-bottom-color-BFBFBF:before {
  border-bottom-color: #bfbfbf;
}

.templateDesigner .border-bottom-color-3F3F3F:before {
  border-bottom-color: #3f3f3f;
}

.templateDesigner .border-bottom-color-938953:before {
  border-bottom-color: #938953;
}

.templateDesigner .border-bottom-color-548DD4:before {
  border-bottom-color: #548dd4;
}

.templateDesigner .border-bottom-color-95B3D7:before {
  border-bottom-color: #95b3d7;
}

.templateDesigner .border-bottom-color-D99694:before {
  border-bottom-color: #d99694;
}

.templateDesigner .border-bottom-color-C3D69B:before {
  border-bottom-color: #c3d69b;
}

.templateDesigner .border-bottom-color-B2A2C7:before {
  border-bottom-color: #b2a2c7;
}

.templateDesigner .border-bottom-color-92CDDC:before {
  border-bottom-color: #92cddc;
}

.templateDesigner .border-bottom-color-FAC08F:before {
  border-bottom-color: #fac08f;
}

.templateDesigner .border-bottom-color-A5A5A5:before {
  border-bottom-color: #a5a5a5;
}

.templateDesigner .border-bottom-color-262626:before {
  border-bottom-color: #262626;
}

.templateDesigner .border-bottom-color-494429:before {
  border-bottom-color: #494429;
}

.templateDesigner .border-bottom-color-17365D:before {
  border-bottom-color: #17365d;
}

.templateDesigner .border-bottom-color-366092:before {
  border-bottom-color: #366092;
}

.templateDesigner .border-bottom-color-953734:before {
  border-bottom-color: #953734;
}

.templateDesigner .border-bottom-color-76923C:before {
  border-bottom-color: #76923c;
}

.templateDesigner .border-bottom-color-5F497A:before {
  border-bottom-color: #5f497a;
}

.templateDesigner .border-bottom-color-31849B:before {
  border-bottom-color: #31849b;
}

.templateDesigner .border-bottom-color-E36C09:before {
  border-bottom-color: #e36c09;
}

.templateDesigner .border-bottom-color-7F7F7F:before {
  border-bottom-color: #7f7f7f;
}

.templateDesigner .border-bottom-color-0C0C0C:before {
  border-bottom-color: #0c0c0c;
}

.templateDesigner .border-bottom-color-1D1B10:before {
  border-bottom-color: #1d1b10;
}

.templateDesigner .border-bottom-color-0F243E:before {
  border-bottom-color: #0f243e;
}

.templateDesigner .border-bottom-color-244061:before {
  border-bottom-color: #244061;
}

.templateDesigner .border-bottom-color-632423:before {
  border-bottom-color: #632423;
}

.templateDesigner .border-bottom-color-4F6128:before {
  border-bottom-color: #4f6128;
}

.templateDesigner .border-bottom-color-3F3151:before {
  border-bottom-color: #3f3151;
}

.templateDesigner .border-bottom-color-205867:before {
  border-bottom-color: #205867;
}

.templateDesigner .border-bottom-color-984806:before {
  border-bottom-color: #984806;
}

.templateDesigner .border-bottom-color-C00000:before {
  border-bottom-color: #c00000;
}

.templateDesigner .border-bottom-color-FF0000:before {
  border-bottom-color: red;
}

.templateDesigner .border-bottom-color-FFC000:before {
  border-bottom-color: #ffc000;
}

.templateDesigner .border-bottom-color-FFFF00:before {
  border-bottom-color: #ff0;
}

.templateDesigner .border-bottom-color-92D050:before {
  border-bottom-color: #92d050;
}

.templateDesigner .border-bottom-color-00B050:before {
  border-bottom-color: #00b050;
}

.templateDesigner .border-bottom-color-00B0F0:before {
  border-bottom-color: #00b0f0;
}

.templateDesigner .border-bottom-color-0070C0:before {
  border-bottom-color: #0070c0;
}

.templateDesigner .border-bottom-color-002060:before {
  border-bottom-color: #002060;
}

.templateDesigner .border-bottom-color-7030A0:before {
  border-bottom-color: #7030a0;
}

.templateDesigner .border-left-color-ffffff:before {
  border-left-color: #fff;
}

.templateDesigner .border-left-color-000000:before {
  border-left-color: #000;
}

.templateDesigner .border-left-color-EEECE1:before {
  border-left-color: #eeece1;
}

.templateDesigner .border-left-color-1F497D:before {
  border-left-color: #1f497d;
}

.templateDesigner .border-left-color-4F81BD:before {
  border-left-color: #4f81bd;
}

.templateDesigner .border-left-color-C0504D:before {
  border-left-color: #c0504d;
}

.templateDesigner .border-left-color-9BBB59:before {
  border-left-color: #9bbb59;
}

.templateDesigner .border-left-color-8064A2:before {
  border-left-color: #8064a2;
}

.templateDesigner .border-left-color-4BACC6:before {
  border-left-color: #4bacc6;
}

.templateDesigner .border-left-color-F79646:before {
  border-left-color: #f79646;
}

.templateDesigner .border-left-color-F2F2F2:before {
  border-left-color: #f2f2f2;
}

.templateDesigner .border-left-color-DDD9C3:before {
  border-left-color: #ddd9c3;
}

.templateDesigner .border-left-color-C6D9F0:before {
  border-left-color: #c6d9f0;
}

.templateDesigner .border-left-color-DBE5F1:before {
  border-left-color: #dbe5f1;
}

.templateDesigner .border-left-color-F2DCDB:before {
  border-left-color: #f2dcdb;
}

.templateDesigner .border-left-color-EBF1DD:before {
  border-left-color: #ebf1dd;
}

.templateDesigner .border-left-color-E5E0EC:before {
  border-left-color: #e5e0ec;
}

.templateDesigner .border-left-color-DBEEF3:before {
  border-left-color: #dbeef3;
}

.templateDesigner .border-left-color-FDEADA:before {
  border-left-color: #fdeada;
}

.templateDesigner .border-left-color-D8D8D8:before {
  border-left-color: #d8d8d8;
}

.templateDesigner .border-left-color-595959:before {
  border-left-color: #595959;
}

.templateDesigner .border-left-color-C4BD97:before {
  border-left-color: #c4bd97;
}

.templateDesigner .border-left-color-8DB3E2:before {
  border-left-color: #8db3e2;
}

.templateDesigner .border-left-color-B8CCE4:before {
  border-left-color: #b8cce4;
}

.templateDesigner .border-left-color-E5B9B7:before {
  border-left-color: #e5b9b7;
}

.templateDesigner .border-left-color-D7E3BC:before {
  border-left-color: #d7e3bc;
}

.templateDesigner .border-left-color-CCC1D9:before {
  border-left-color: #ccc1d9;
}

.templateDesigner .border-left-color-B7DDE8:before {
  border-left-color: #b7dde8;
}

.templateDesigner .border-left-color-FBD5B5:before {
  border-left-color: #fbd5b5;
}

.templateDesigner .border-left-color-BFBFBF:before {
  border-left-color: #bfbfbf;
}

.templateDesigner .border-left-color-3F3F3F:before {
  border-left-color: #3f3f3f;
}

.templateDesigner .border-left-color-938953:before {
  border-left-color: #938953;
}

.templateDesigner .border-left-color-548DD4:before {
  border-left-color: #548dd4;
}

.templateDesigner .border-left-color-95B3D7:before {
  border-left-color: #95b3d7;
}

.templateDesigner .border-left-color-D99694:before {
  border-left-color: #d99694;
}

.templateDesigner .border-left-color-C3D69B:before {
  border-left-color: #c3d69b;
}

.templateDesigner .border-left-color-B2A2C7:before {
  border-left-color: #b2a2c7;
}

.templateDesigner .border-left-color-92CDDC:before {
  border-left-color: #92cddc;
}

.templateDesigner .border-left-color-FAC08F:before {
  border-left-color: #fac08f;
}

.templateDesigner .border-left-color-A5A5A5:before {
  border-left-color: #a5a5a5;
}

.templateDesigner .border-left-color-262626:before {
  border-left-color: #262626;
}

.templateDesigner .border-left-color-494429:before {
  border-left-color: #494429;
}

.templateDesigner .border-left-color-17365D:before {
  border-left-color: #17365d;
}

.templateDesigner .border-left-color-366092:before {
  border-left-color: #366092;
}

.templateDesigner .border-left-color-953734:before {
  border-left-color: #953734;
}

.templateDesigner .border-left-color-76923C:before {
  border-left-color: #76923c;
}

.templateDesigner .border-left-color-5F497A:before {
  border-left-color: #5f497a;
}

.templateDesigner .border-left-color-31849B:before {
  border-left-color: #31849b;
}

.templateDesigner .border-left-color-E36C09:before {
  border-left-color: #e36c09;
}

.templateDesigner .border-left-color-7F7F7F:before {
  border-left-color: #7f7f7f;
}

.templateDesigner .border-left-color-0C0C0C:before {
  border-left-color: #0c0c0c;
}

.templateDesigner .border-left-color-1D1B10:before {
  border-left-color: #1d1b10;
}

.templateDesigner .border-left-color-0F243E:before {
  border-left-color: #0f243e;
}

.templateDesigner .border-left-color-244061:before {
  border-left-color: #244061;
}

.templateDesigner .border-left-color-632423:before {
  border-left-color: #632423;
}

.templateDesigner .border-left-color-4F6128:before {
  border-left-color: #4f6128;
}

.templateDesigner .border-left-color-3F3151:before {
  border-left-color: #3f3151;
}

.templateDesigner .border-left-color-205867:before {
  border-left-color: #205867;
}

.templateDesigner .border-left-color-984806:before {
  border-left-color: #984806;
}

.templateDesigner .border-left-color-C00000:before {
  border-left-color: #c00000;
}

.templateDesigner .border-left-color-FF0000:before {
  border-left-color: red;
}

.templateDesigner .border-left-color-FFC000:before {
  border-left-color: #ffc000;
}

.templateDesigner .border-left-color-FFFF00:before {
  border-left-color: #ff0;
}

.templateDesigner .border-left-color-92D050:before {
  border-left-color: #92d050;
}

.templateDesigner .border-left-color-00B050:before {
  border-left-color: #00b050;
}

.templateDesigner .border-left-color-00B0F0:before {
  border-left-color: #00b0f0;
}

.templateDesigner .border-left-color-0070C0:before {
  border-left-color: #0070c0;
}

.templateDesigner .border-left-color-002060:before {
  border-left-color: #002060;
}

.templateDesigner .border-left-color-7030A0:before {
  border-left-color: #7030a0;
}

.templateDesigner .font-size-8 {
  font-size: 8pt;
}

.templateDesigner .font-size-9 {
  font-size: 9pt;
}

.templateDesigner .font-size-10 {
  font-size: 10pt;
}

.templateDesigner .font-size-11 {
  font-size: 11pt;
}

.templateDesigner .font-size-12 {
  font-size: 12pt;
}

.templateDesigner .font-size-13 {
  font-size: 13pt;
}

.templateDesigner .font-size-14 {
  font-size: 14pt;
}

.templateDesigner .font-size-15 {
  font-size: 15pt;
}

.templateDesigner .font-size-16 {
  font-size: 16pt;
}

.templateDesigner .font-size-18 {
  font-size: 18pt;
}

.templateDesigner .font-size-20 {
  font-size: 20pt;
}

.templateDesigner .font-size-22 {
  font-size: 22pt;
}

.templateDesigner .font-size-24 {
  font-size: 24pt;
}

.templateDesigner .font-size-26 {
  font-size: 26pt;
}

.templateDesigner .font-size-28 {
  font-size: 28pt;
}

.templateDesigner .font-size-36 {
  font-size: 36pt;
}

.templateDesigner .font-size-48 {
  font-size: 48pt;
}

.templateDesigner .font-size-72 {
  font-size: 72pt;
}

.templateDesigner .font-weight-bold {
  font-weight: 700;
}

.templateDesigner .font-style-italic {
  font-style: italic;
}

.templateDesigner .font-text-decoration-underline,
.templateDesigner .font-text-decoration-underline .data {
  text-decoration: underline;
}

.templateDesigner .font-family-Calibri {
  font-family: Calibri;
}

.templateDesigner .font-family-FangSong {
  font-family: FangSong;
}

.templateDesigner .font-family-SimSun {
  font-family: SimSun;
}

.templateDesigner .font-family-LiSu {
  font-family: LiSu;
}

.templateDesigner .font-family-KaiTi {
  font-family: KaiTi;
}

.templateDesigner .font-family-NSimSun {
  font-family: NSimSun;
}

.templateDesigner .font-family-SimHei {
  font-family: SimHei;
}

.templateDesigner .font-family-MicrosoftYaHei {
  font-family: Microsoft YaHei;
}

.templateDesigner .font-family-cursive {
  font-family: cursive;
}

.templateDesigner .font-text-align-left {
  text-align: left;
}

.templateDesigner .font-text-align-center {
  text-align: center;
}

.templateDesigner .img-cell .tab {
  display: block !important;
}

.templateDesigner .img-cell .cell-img {
  position: static !important;
  right: 0;
  left: 0;
}

.templateDesigner .font-text-align-right {
  text-align: right;
}

.templateDesigner .font-text-align-right .cell-img {
  right: 0;
}
.templateDesigner .QR-cell img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
}

.templateDesigner .BR-cell img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  // width: 80%;
}

.templateDesigner .indent-left-1 > * {
  left: 9px !important;
}

.templateDesigner .indent-left-2 > * {
  left: 18px !important;
}

.templateDesigner .indent-left-3 > * {
  left: 27px !important;
}

.templateDesigner .indent-left-4 > * {
  left: 36px !important;
}

.templateDesigner .indent-left-5 > * {
  left: 45px !important;
}

.templateDesigner .indent-left-6 > * {
  left: 54px !important;
}

.templateDesigner .indent-left-7 > * {
  left: 63px !important;
}

.templateDesigner .indent-left-8 > * {
  left: 72px !important;
}

.templateDesigner .indent-left-9 > * {
  left: 81px !important;
}

.templateDesigner .indent-left-10 > * {
  left: 90px !important;
}

.templateDesigner .indent-left-11 > * {
  left: 99px !important;
}

.templateDesigner .indent-left-12 > * {
  left: 108px !important;
}

.templateDesigner .indent-left-13 > * {
  left: 117px !important;
}

.templateDesigner .indent-left-14 > * {
  left: 126px !important;
}

.templateDesigner .indent-left-15 > * {
  left: 135px !important;
}

.templateDesigner .indent-left-16 > * {
  left: 144px !important;
}

.templateDesigner .indent-left-17 > * {
  left: 153px !important;
}

.templateDesigner .indent-left-18 > * {
  left: 162px !important;
}

.templateDesigner .indent-left-19 > * {
  left: 171px !important;
}

.templateDesigner .indent-left-20 > * {
  left: 180px !important;
}

.templateDesigner .indent-left-21 > * {
  left: 189px !important;
}

.templateDesigner .indent-left-22 > * {
  left: 198px !important;
}

.templateDesigner .indent-left-23 > * {
  left: 207px !important;
}

.templateDesigner .indent-left-24 > * {
  left: 216px !important;
}

.templateDesigner .indent-left-25 > * {
  left: 225px !important;
}

.templateDesigner .indent-left-26 > * {
  left: 234px !important;
}

.templateDesigner .indent-left-27 > * {
  left: 243px !important;
}

.templateDesigner .indent-left-28 > * {
  left: 252px !important;
}

.templateDesigner .indent-left-29 > * {
  left: 261px !important;
}

.templateDesigner .indent-left-30 > * {
  left: 270px !important;
}

.templateDesigner .indent-left-31 > * {
  left: 279px !important;
}

.templateDesigner .indent-left-32 > * {
  left: 288px !important;
}

.templateDesigner .indent-left-33 > * {
  left: 297px !important;
}

.templateDesigner .indent-left-34 > * {
  left: 306px !important;
}

.templateDesigner .indent-left-35 > * {
  left: 315px !important;
}

.templateDesigner .indent-left-36 > * {
  left: 324px !important;
}

.templateDesigner .indent-left-37 > * {
  left: 333px !important;
}

.templateDesigner .indent-left-38 > * {
  left: 342px !important;
}

.templateDesigner .indent-left-39 > * {
  left: 351px !important;
}

.templateDesigner .indent-left-40 > * {
  left: 360px !important;
}

.templateDesigner .indent-left-41 > * {
  left: 369px !important;
}

.templateDesigner .indent-left-42 > * {
  left: 378px !important;
}

.templateDesigner .indent-left-43 > * {
  left: 387px !important;
}

.templateDesigner .indent-left-44 > * {
  left: 396px !important;
}

.templateDesigner .indent-left-45 > * {
  left: 405px !important;
}

.templateDesigner .indent-left-46 > * {
  left: 414px !important;
}

.templateDesigner .indent-left-47 > * {
  left: 423px !important;
}

.templateDesigner .indent-left-48 > * {
  left: 432px !important;
}

.templateDesigner .indent-left-49 > * {
  left: 441px !important;
}

.templateDesigner .indent-left-50 > * {
  left: 450px !important;
}

.templateDesigner .indent-left-51 > * {
  left: 459px !important;
}

.templateDesigner .indent-left-52 > * {
  left: 468px !important;
}

.templateDesigner .indent-left-53 > * {
  left: 477px !important;
}

.templateDesigner .indent-left-54 > * {
  left: 486px !important;
}

.templateDesigner .indent-left-55 > * {
  left: 495px !important;
}

.templateDesigner .indent-left-56 > * {
  left: 504px !important;
}

.templateDesigner .indent-left-57 > * {
  left: 513px !important;
}

.templateDesigner .indent-left-58 > * {
  left: 522px !important;
}

.templateDesigner .indent-left-59 > * {
  left: 531px !important;
}

.templateDesigner .indent-left-60 > * {
  left: 540px !important;
}

.templateDesigner .indent-left-61 > * {
  left: 549px !important;
}

.templateDesigner .indent-left-62 > * {
  left: 558px !important;
}

.templateDesigner .indent-left-63 > * {
  left: 567px !important;
}

.templateDesigner .indent-left-64 > * {
  left: 576px !important;
}

.templateDesigner .indent-left-65 > * {
  left: 585px !important;
}

.templateDesigner .indent-left-66 > * {
  left: 594px !important;
}

.templateDesigner .indent-left-67 > * {
  left: 603px !important;
}

.templateDesigner .indent-left-68 > * {
  left: 612px !important;
}

.templateDesigner .indent-left-69 > * {
  left: 621px !important;
}

.templateDesigner .indent-left-70 > * {
  left: 630px !important;
}

.templateDesigner .indent-left-71 > * {
  left: 639px !important;
}

.templateDesigner .indent-left-72 > * {
  left: 648px !important;
}

.templateDesigner .indent-left-73 > * {
  left: 657px !important;
}

.templateDesigner .indent-left-74 > * {
  left: 666px !important;
}

.templateDesigner .indent-left-75 > * {
  left: 675px !important;
}

.templateDesigner .indent-left-76 > * {
  left: 684px !important;
}

.templateDesigner .indent-left-77 > * {
  left: 693px !important;
}

.templateDesigner .indent-left-78 > * {
  left: 702px !important;
}

.templateDesigner .indent-left-79 > * {
  left: 711px !important;
}

.templateDesigner .indent-left-80 > * {
  left: 720px !important;
}

.templateDesigner .indent-left-81 > * {
  left: 729px !important;
}

.templateDesigner .indent-left-82 > * {
  left: 738px !important;
}

.templateDesigner .indent-left-83 > * {
  left: 747px !important;
}

.templateDesigner .indent-left-84 > * {
  left: 756px !important;
}

.templateDesigner .indent-left-85 > * {
  left: 765px !important;
}

.templateDesigner .indent-left-86 > * {
  left: 774px !important;
}

.templateDesigner .indent-left-87 > * {
  left: 783px !important;
}

.templateDesigner .indent-left-88 > * {
  left: 792px !important;
}

.templateDesigner .indent-left-89 > * {
  left: 801px !important;
}

.templateDesigner .indent-left-90 > * {
  left: 810px !important;
}

.templateDesigner .indent-left-91 > * {
  left: 819px !important;
}

.templateDesigner .indent-left-92 > * {
  left: 828px !important;
}

.templateDesigner .indent-left-93 > * {
  left: 837px !important;
}

.templateDesigner .indent-left-94 > * {
  left: 846px !important;
}

.templateDesigner .indent-left-95 > * {
  left: 855px !important;
}

.templateDesigner .indent-left-96 > * {
  left: 864px !important;
}

.templateDesigner .indent-left-97 > * {
  left: 873px !important;
}

.templateDesigner .indent-left-98 > * {
  left: 882px !important;
}

.templateDesigner .indent-left-99 > * {
  left: 891px !important;
}

.templateDesigner .indent-left-100 > * {
  left: 900px !important;
}

.templateDesigner .indent-right-1 > * {
  right: 9px !important;
}

.templateDesigner .indent-right-2 > * {
  right: 18px !important;
}

.templateDesigner .indent-right-3 > * {
  right: 27px !important;
}

.templateDesigner .indent-right-4 > * {
  right: 36px !important;
}

.templateDesigner .indent-right-5 > * {
  right: 45px !important;
}

.templateDesigner .indent-right-6 > * {
  right: 54px !important;
}

.templateDesigner .indent-right-7 > * {
  right: 63px !important;
}

.templateDesigner .indent-right-8 > * {
  right: 72px !important;
}

.templateDesigner .indent-right-9 > * {
  right: 81px !important;
}

.templateDesigner .indent-right-10 > * {
  right: 90px !important;
}

.templateDesigner .indent-right-11 > * {
  right: 99px !important;
}

.templateDesigner .indent-right-12 > * {
  right: 108px !important;
}

.templateDesigner .indent-right-13 > * {
  right: 117px !important;
}

.templateDesigner .indent-right-14 > * {
  right: 126px !important;
}

.templateDesigner .indent-right-15 > * {
  right: 135px !important;
}

.templateDesigner .indent-right-16 > * {
  right: 144px !important;
}

.templateDesigner .indent-right-17 > * {
  right: 153px !important;
}

.templateDesigner .indent-right-18 > * {
  right: 162px !important;
}

.templateDesigner .indent-right-19 > * {
  right: 171px !important;
}

.templateDesigner .indent-right-20 > * {
  right: 180px !important;
}

.templateDesigner .indent-right-21 > * {
  right: 189px !important;
}

.templateDesigner .indent-right-22 > * {
  right: 198px !important;
}

.templateDesigner .indent-right-23 > * {
  right: 207px !important;
}

.templateDesigner .indent-right-24 > * {
  right: 216px !important;
}

.templateDesigner .indent-right-25 > * {
  right: 225px !important;
}

.templateDesigner .indent-right-26 > * {
  right: 234px !important;
}

.templateDesigner .indent-right-27 > * {
  right: 243px !important;
}

.templateDesigner .indent-right-28 > * {
  right: 252px !important;
}

.templateDesigner .indent-right-29 > * {
  right: 261px !important;
}

.templateDesigner .indent-right-30 > * {
  right: 270px !important;
}

.templateDesigner .indent-right-31 > * {
  right: 279px !important;
}

.templateDesigner .indent-right-32 > * {
  right: 288px !important;
}

.templateDesigner .indent-right-33 > * {
  right: 297px !important;
}

.templateDesigner .indent-right-34 > * {
  right: 306px !important;
}

.templateDesigner .indent-right-35 > * {
  right: 315px !important;
}

.templateDesigner .indent-right-36 > * {
  right: 324px !important;
}

.templateDesigner .indent-right-37 > * {
  right: 333px !important;
}

.templateDesigner .indent-right-38 > * {
  right: 342px !important;
}

.templateDesigner .indent-right-39 > * {
  right: 351px !important;
}

.templateDesigner .indent-right-40 > * {
  right: 360px !important;
}

.templateDesigner .indent-right-41 > * {
  right: 369px !important;
}

.templateDesigner .indent-right-42 > * {
  right: 378px !important;
}

.templateDesigner .indent-right-43 > * {
  right: 387px !important;
}

.templateDesigner .indent-right-44 > * {
  right: 396px !important;
}

.templateDesigner .indent-right-45 > * {
  right: 405px !important;
}

.templateDesigner .indent-right-46 > * {
  right: 414px !important;
}

.templateDesigner .indent-right-47 > * {
  right: 423px !important;
}

.templateDesigner .indent-right-48 > * {
  right: 432px !important;
}

.templateDesigner .indent-right-49 > * {
  right: 441px !important;
}

.templateDesigner .indent-right-50 > * {
  right: 450px !important;
}

.templateDesigner .indent-right-51 > * {
  right: 459px !important;
}

.templateDesigner .indent-right-52 > * {
  right: 468px !important;
}

.templateDesigner .indent-right-53 > * {
  right: 477px !important;
}

.templateDesigner .indent-right-54 > * {
  right: 486px !important;
}

.templateDesigner .indent-right-55 > * {
  right: 495px !important;
}

.templateDesigner .indent-right-56 > * {
  right: 504px !important;
}

.templateDesigner .indent-right-57 > * {
  right: 513px !important;
}

.templateDesigner .indent-right-58 > * {
  right: 522px !important;
}

.templateDesigner .indent-right-59 > * {
  right: 531px !important;
}

.templateDesigner .indent-right-60 > * {
  right: 540px !important;
}

.templateDesigner .indent-right-61 > * {
  right: 549px !important;
}

.templateDesigner .indent-right-62 > * {
  right: 558px !important;
}

.templateDesigner .indent-right-63 > * {
  right: 567px !important;
}

.templateDesigner .indent-right-64 > * {
  right: 576px !important;
}

.templateDesigner .indent-right-65 > * {
  right: 585px !important;
}

.templateDesigner .indent-right-66 > * {
  right: 594px !important;
}

.templateDesigner .indent-right-67 > * {
  right: 603px !important;
}

.templateDesigner .indent-right-68 > * {
  right: 612px !important;
}

.templateDesigner .indent-right-69 > * {
  right: 621px !important;
}

.templateDesigner .indent-right-70 > * {
  right: 630px !important;
}

.templateDesigner .indent-right-71 > * {
  right: 639px !important;
}

.templateDesigner .indent-right-72 > * {
  right: 648px !important;
}

.templateDesigner .indent-right-73 > * {
  right: 657px !important;
}

.templateDesigner .indent-right-74 > * {
  right: 666px !important;
}

.templateDesigner .indent-right-75 > * {
  right: 675px !important;
}

.templateDesigner .indent-right-76 > * {
  right: 684px !important;
}

.templateDesigner .indent-right-77 > * {
  right: 693px !important;
}

.templateDesigner .indent-right-78 > * {
  right: 702px !important;
}

.templateDesigner .indent-right-79 > * {
  right: 711px !important;
}

.templateDesigner .indent-right-80 > * {
  right: 720px !important;
}

.templateDesigner .indent-right-81 > * {
  right: 729px !important;
}

.templateDesigner .indent-right-82 > * {
  right: 738px !important;
}

.templateDesigner .indent-right-83 > * {
  right: 747px !important;
}

.templateDesigner .indent-right-84 > * {
  right: 756px !important;
}

.templateDesigner .indent-right-85 > * {
  right: 765px !important;
}

.templateDesigner .indent-right-86 > * {
  right: 774px !important;
}

.templateDesigner .indent-right-87 > * {
  right: 783px !important;
}

.templateDesigner .indent-right-88 > * {
  right: 792px !important;
}

.templateDesigner .indent-right-89 > * {
  right: 801px !important;
}

.templateDesigner .indent-right-90 > * {
  right: 810px !important;
}

.templateDesigner .indent-right-91 > * {
  right: 819px !important;
}

.templateDesigner .indent-right-92 > * {
  right: 828px !important;
}

.templateDesigner .indent-right-93 > * {
  right: 837px !important;
}

.templateDesigner .indent-right-94 > * {
  right: 846px !important;
}

.templateDesigner .indent-right-95 > * {
  right: 855px !important;
}

.templateDesigner .indent-right-96 > * {
  right: 864px !important;
}

.templateDesigner .indent-right-97 > * {
  right: 873px !important;
}

.templateDesigner .indent-right-98 > * {
  right: 882px !important;
}

.templateDesigner .indent-right-99 > * {
  right: 891px !important;
}

.templateDesigner .indent-right-100 > * {
  right: 900px !important;
}
.templateDesigner .font-vertical-align-top,
.templateDesigner .font-vertical-align-top .contains .tab .data {
  vertical-align: top;
}

.templateDesigner .font-vertical-align-top .container {
  display: block !important;
}

.templateDesigner .font-vertical-align-middle,
.templateDesigner .font-vertical-align-middle .contains .tab .data {
  vertical-align: middle;
}

.templateDesigner .font-vertical-align-bottom,
.templateDesigner .font-vertical-align-bottom .contains .tab .data {
  vertical-align: bottom;
}

.templateDesigner .font-vertical-align-bottom .container {
  display: block !important;
}

.paper_horizontal {
  height: 0;
  right: 0;
  position: absolute;
  border-top: 1px dashed #0db3a6;
}

.paper_vertical {
  width: 0;
  bottom: 0;
  position: absolute;
  border-left: 1px dashed #0db3a6;
}
.red-point {
  border-top: 6px solid #ed5858;
  border-left: 6px solid transparent;
  position: absolute;
  right: 0;
  top: 0;
}

.no-gridlines .ht_master.handsontable td {
  border: none;
}

.dragging {
  position: absolute;
  z-index: 100000;
  border: 1px dashed #96d0fa;
  background-color: rgba(150, 208, 250, 0.25);
  height: 24px;
  font-size: 12px;
  color: #0a131a;
  line-height: 24px;
  text-align: left;
  padding: 0 20px;
  cursor: move;
}

.templateDesigner .unit {
  width: 100%;
  min-height: 24px;
  max-height: 140px;
  overflow: hidden;
  display: flex;
  border-left: 1px solid #e4ebf0;
  position: absolute;
  align-items: stretch;
  top: 0;
  bottom: 0;
}

.templateDesigner .unit .cell {
  min-width: 73px;
  border-right: 1px solid #e4ebf0;
  display: flex;
  flex-shrink: 0;
  padding: 0 6px;
  box-sizing: border-box;
}

.templateDesigner .unit .cell > span {
  opacity: 1;
  background: rgba(150, 208, 250, 0.4);
  border-radius: 100px;
  min-width: 24px;
  flex-shrink: 0;
  height: 24px;
  padding: 0 5px;
  box-sizing: border-box;
  font-size: 12px;
  color: #005999;
  line-height: 24px;
  text-align: center;
  display: block;
  margin: auto;
}

.templateDesigner .unit .data {
  resize: none;
  width: 100%;
  border: none;
  white-space: pre-line;
  padding: 5px;
  box-sizing: border-box;
  overflow: auto;
  font-size: 12px;
  color: #0a131a;
  line-height: 20px;
  text-align: justify;
  word-break: break-all;
}

.templateDesigner .unit .data .resize-icon-whitespace {
  position: absolute;
  bottom: 0;
  height: 6px;
  width: calc(100% - 10px);
  background: #fff;
}

.templateDesigner .unit .icon-container {
  height: 2px;
  left: 50%;
  bottom: 2px;
  transform: translateX(-50%);
  position: absolute;
  display: inline-block;
}

.templateDesigner .unit .icon-container span {
  display: inline-block;
  width: 2px;
  height: 2px;
  margin-right: 4px;
  background: #8f9ca6;
  vertical-align: text-top;
}

.templateDesigner .unit .icon-container span:active {
  background: #1587d9;
}

.templateDesigner .resizing .cell-unit-resize-bottom {
  height: 5px !important;
  bottom: -3px !important;
}
